.login-container {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	background-image: url('~@/static/image/page-bg.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;

	&-bg {
		position: absolute;
		z-index: 0;
		width: 405rpx;
		height: 286rpx;
		right: 0;
		top: 84rpx;
		background-image: url('~@/static/image/index-banner.png');
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	.login-main {
		position: relative;
		.slogan {
			padding: 0 32rpx;
			height: 190rpx;
			display: flex;
			flex-direction: column;
			&-hd {
				margin-top: 22rpx;
				font-size: 36rpx;
			}
			&-bd {
				font-size: 60rpx;
			}
		}
	}
	.login-tips {
		padding: 24rpx 32rpx;
		&-main {
			padding: 0 32rpx 32rpx;
			background-color: #fff;
			background: linear-gradient(180deg, rgba(233, 240, 255, 0.6) 0%, #ffffff 32%);
			box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(2, 23, 107, 0.05);
			border-radius: 24rpx;
			overflow: hidden;
			backdrop-filter: blur(4rpx);
		}
		&-title {
			font-size: 32rpx;
			font-weight: 600;
			text-align: center;
			height: 88rpx;
			line-height: 88rpx;
		}
		&-content {
			line-height: 56rpx;
		}
	}
}
